﻿@*<p class="bg-primary">Students</p>*@
@*<div class="page-header alert alert-success">
    <h4>Students</h4>
</div>*@
<div class="panel panel-primary">
    <div class="panel-heading">
        @*<h1 class="panel-title">Students</h1>*@
        @*<h5>Students</h5>*@
        <p class="text-center">Center aligned text.</p>
    </div>
    <div class="panel-body">
        <div>
            <a ng-href="#/Student/0" class="btn btn-success">
                <i class="glyphicon glyphicon-plus"></i>
                New Student
            </a>

            <div class="well" style="margin-top: 30px; width: 200px; overflow: hidden;" ng-init="names=['Igor Minar', 'Brad Green', 'Dave Geddes', 'Naomi Black', 'Greg Weber', 'Dean Sofer', 'Wes Alvaro', 'John Scott', 'Daniel Nadasi'];">
                <form class="form-search">
                    <div class="input-append">
                        <input type="text" ng-model="search" class="search-query" style="width: 80px">
                        <button type="submit" class="btn">Search</button>
                    </div>
                    <ul class="nav nav-pills nav-stacked">
                        <li ng-animate="'animate'" ng-repeat="name in names | filter:search">
                            <a href="#">{{name}} </a>
                        </li>
                    </ul>
                </form>
            </div>
            



            <div class="voffset1">
                <table class='table table-bordered'>
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>First Name</th>
                            <th>Mid Name</th>
                            <th>Last Name</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-animate="'animate'" ng-repeat="student in students">
                            <td>{{student.Id}}</td>
                            <td>{{student.FirstName}}</td>
                            <td>{{student.MidName}}</td>
                            <td>{{student.LastName}}</td>
                            <td>
                                <a ng-href="#/Student/{{student.Id}}" class="btn btn-primary">
                                    <i class="glyphicon glyphicon-edit"></i>
                                    Edit
                                </a>
                                <button type="button" class="btn btn-danger" ng-click="removeStudent(student.Id)"><i class="glyphicon glyphicon-remove"></i>Remove</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

